<template>

    <div class="form_item">
        <div class="form_title">
            <div class="lf_icon">
                <img src="../../../assets/real/right_sj.png" alt="" />
            </div>
            <div class="font_title">姓名</div>
        </div>
        <div class="form_query">
            <van-field v-model="formParams.name" placeholder="请输入真实姓名" />
        </div>
    </div>
    <div class="form_item">
        <div class="form_title">
            <div class="lf_icon">
                <img src="../../../assets/real/right_sj.png" alt="" />
            </div>
            <div class="font_title">身份证号码</div>
        </div>
        <div class="form_query">
            <van-field v-model="formParams.idCard" placeholder="请输入正确的身份证号码" />
        </div>
    </div>
    <div class="form_item">
        <div class="form_title">
            <div class="lf_icon">
                <img src="../../../assets/real/right_sj.png" alt="" />
            </div>
            <div class="font_title">手机号码</div>
        </div>
        <div class="form_query">
            <van-field v-model="formParams.phone" placeholder="请输入手机号码" />
        </div>
    </div>
</template>
<script setup lang="ts">
import { ref } from "vue";

const formParams = ref({
    name: "",
    idCard: "",
    phone: "",
    agree: false,
});
</script>
<style lang="less" scoped>
@import "../index.less";
</style>